<include file="nav:header"/>
<include file="nav:menu"/>
        <!--  banner 轮播广告片 -->
<include file="nav:banner"/>
<!-- tab-contant -->
<div class="tab1 container-fluid">
    <div class="container">
        <div class="row bgcolor">
            <div class="tab-content nav2">
                <ul id="item1" class="tab-pane active nav nav-tabs">
                    <li class="active"><a href="#"><i class="bt-s"><i class="bt-ls"></i></i>فىلىم</a></li>
                    <li><a href="#"><i class="bt-s"><i class="bt-ls"></i></i>تېلىۋىزىيە-تىياتىرى</a></li>
                    <li><a href="#">سەنئەت<i class="bt-s"><i class="bt-ls"></i></i></a></li>
                    <li><a href="#"><i class="bt-s"><i class="bt-ls"></i></i>كارتون</a></li>
                    <li><a href="#"><i class="bt-s"><i class="bt-ls"></i></i>بالىلار</a></li>
                    <li><a href="#"><i class="bt-s"><i class="bt-ls"></i></i>مۇزىكا</a></li>
                    <li><a href="#">تارىخى فىلىم<i class="bt-s"><i class="bt-ls"></i></i></a></li>
                </ul>
                <ul id="item2" class="tab-pane nav nav-tabs">
                    <li><a href="#">كىتاب</a></li>
                    <li><a href="#">گېزىت</a></li>
                    <li><a href="#">سەنئەت</a></li>
                    <li><a href="#">ژۇرنال</a></li>
                </ul>
                <ul id="item3" class="tab-pane nav nav-tabs">
                    <li><a href="#">ئېسىل</a></li>
                    <li><a href="#">شاش</a></li>
                    <li><a href="#">چولپان رەسىم</a></li>
                    <li><a href="#">ھەپتىىك رەسىم</a></li>
                    <li><a href="#"> رەسىم</a></li>
                    <li><a href="#"> قوللىنىشچان رەسىم</a></li>
                </ul>
                <ul id="item4" class="tab-pane nav nav-tabs">
                    <li><a href="#">مۇڭ ناخشا</a></li>
                    <li><a href="#">شوق ناخشا</a></li>
                    <li><a href="#"> ئالامەت ناخشا</a></li>
                    <li><a href="#"> dj</a></li>
                    <li><a href="#"> رەپ</a></li>
                    <li><a href="#"> توي ناخشىسى</a></li>
                </ul>
            </div>
            <!-- tur tab-contant   电影类型 -->
            <div class="tab-content site_container">
                <div class="active tab-pane">
                    <foreach name="list.okuxluk_cat" item="o1" key="v">
                        <foreach name="o1.list" item="b" key="k">
                            <div class="line">
                                <span class="tur-ismi">{$b.name}:</span>
                                <div class="scrolll">
                                    <div class="tur-contant">
                                        <a class="focus" href="#">ھەممە</a>
                                        <a  href="#">شىجاڭ</a>
                                        <a href="#">ئامىرىكا</a>
                                        <a href="#">جوڭگو</a>
                                        <a href="#">شىجاڭ</a>
                                    </div>
                                </div>
                            </div>
                        </foreach>
                    </foreach>
                </div>
            </div>
        </div>
    </div>
</div>
            <!-- tur tab-contant   电影类型 -->
            <div class="tab-content site_container">
                <div class="active tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">تۈرى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">قورقۇنچلىق</a>
                                <a href="#">فانتازىيە</a>
                                <a href="#">دەرسلىك</a>
                                <a href="#">ۋەقەلىك</a>
                                <a href="#">مۇھەببەت</a>
                                <a href="#">سەت</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">يىل:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">2017</a>
                                <a href="#">2016</a>
                                <a href="#">2015</a>
                                <a href="#">2014</a>
                                <a href="#">2013</a>
                                <a href="#">2012</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">ماس يېشى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">20</a>
                                <a href="#">30</a>
                                <a href="#">40</a>
                                <a href="#">50</a>
                                <a href="#">60</a>
                                <a href="#">70</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>

                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">تۈرى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">قورقۇنچلىق</a>
                                <a href="#">فانتازىيە</a>
                                <a href="#">دەرسلىك</a>
                                <a href="#">ۋەقەلىك</a>
                                <a href="#">مۇھەببەت</a>
                                <a href="#">سەت</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">يىل:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">2017</a>
                                <a href="#">2016</a>
                                <a href="#">2015</a>
                                <a href="#">2014</a>
                                <a href="#">2013</a>
                                <a href="#">2012</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">يىل:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">2017</a>
                                <a href="#">2016</a>
                                <a href="#">2015</a>
                                <a href="#">2014</a>
                                <a href="#">2013</a>
                                <a href="#">2012</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-content site_container">
                <div class="active tab-pane">
                    <div class="line">
                        <span class="tur-ismi">يازغۇچى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">زوردۇن سابىر</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>

                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">تۈرى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">قورقۇنچلىق</a>
                                <a href="#">فانتازىيە</a>
                                <a href="#">دەرسلىك</a>
                                <a href="#">ۋەقەلىك</a>
                                <a href="#">مۇھەببەت</a>
                                <a href="#">سەت</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-content site_container">
                <div class="active tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">تۈرى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">قورقۇنچلىق</a>
                                <a href="#">فانتازىيە</a>
                                <a href="#">دەرسلىك</a>
                                <a href="#">ۋەقەلىك</a>
                                <a href="#">مۇھەببەت</a>
                                <a href="#">سەت</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">يىل:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">2017</a>
                                <a href="#">2016</a>
                                <a href="#">2015</a>
                                <a href="#">2014</a>
                                <a href="#">2013</a>
                                <a href="#">2012</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">تۈرى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">قورقۇنچلىق</a>
                                <a href="#">فانتازىيە</a>
                                <a href="#">دەرسلىك</a>
                                <a href="#">ۋەقەلىك</a>
                                <a href="#">مۇھەببەت</a>
                                <a href="#">سەت</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-content site_container">
                <div class="active tab-pane">
                    <div class="line">
                        <span class="tur-ismi">مۇزىكا تۈرى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#"> شوق</a>
                                <a href="#">مىس مىس</a>
                                <a href="#">روك</a>
                                <a href="#">رەپ</a>
                                <a href="#">ئۇسۇل</a>
                                <a href="#">تانسا</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane">
                    <div class="line">
                        <span class="tur-ismi">مۇزىكا:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شوق</a>
                                <a href="#">مىس-مىس</a>
                                <a href="#">مۇڭ</a>
                                <a href="#">جانلىق</a>
                                <a href="#">دق</a>
                                <a href="#">mf</a>
                                <a href="#">ھاياجان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                            </div>
                        </div>
                    </div>
                    <div class="line">
                        <span class="tur-ismi">تۈرى:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a href="#">قورقۇنچلىق</a>
                                <a href="#">فانتازىيە</a>
                                <a href="#">دەرسلىك</a>
                                <a href="#">ۋەقەلىك</a>
                                <a href="#">مۇھەببەت</a>
                                <a href="#">سەت</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane">
                    <div class="line">
                        <span class="tur-ismi">رايۇن:</span>
                        <div class="scrolll">
                            <div class="tur-contant">
                                <a class="focus" href="#">ھەممە</a>
                                <a  href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">ھىندىستان</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">كېرىيە</a>
                                <a href="#">بورتالا</a>
                                <a href="#">ئاقسۇ</a>
                                <a href="#">ساۋەن</a>
                                <a href="#">كورىيە</a>
                                <a href="#">ياپون</a>
                                <a href="#">شىجاڭ</a>
                                <a href="#">ئامىرىكا</a>
                                <a href="#">جوڭگو</a>
                                <a href="#">شىجاڭ</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        <!-- 电影，视频，图片等区域  -->
    <div class="container-fluid">
        <div class="container">
            <div class="row">
                <div class="menu-bang">
                    <div class="video-hd hd">
                        <ul class="nav menu nav-tabs ">
                            <li class="active"><a  data-toggle="tab" href="#menu1">يېڭى</a></li>
                            <li><a data-toggle="tab" href="#menu2">ئاۋات</a></li>
                            <li><a data-toggle="tab" href="#menu3">تەۋسىيە</a></li>
                        </ul>
                    </div>
                </div>
                <div class="bang-list">
                    <!-- kino-filim -->
                    <div class="video-bd bd">
                        <div class="row">
                            <div class="tab-content">
                                <ul id="menu1" class="tab-pane active">
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                                <ul id="menu2" class="tab-pane">
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="col-zdlg-2-5 col-lg-2 col-md-3 col-sm-3 col-xs-4">
                                        <a class="thumbnail" href="">
                                            <img src="__STATIC__/img/filim.jpg" />
                                            <h3>فىلىمنىڭ ئىسمى</h3>
                                            <p>تۈرى:<span> قورقۇنچلۇق</span></p>
                                            <div>
                                                <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                                                <span>15286</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- mp3 -->
                </div>
            </div>
        </div>
    </div>

    <!-- 分页 -->
    <div class="container">
        <nav class="col-md-3 col-md-offset-5 col-sm-3 col-sm-offset-5" aria-label="Page navigation">
            <ul class="pagination">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                    <a href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

</body>
</html>